import React from 'react'
import "./style.scss"
import {menuRouter} from "../../router/routes"
import { MailOutlined} from '@ant-design/icons';
import {NavLink} from "react-router-dom"
import { Menu } from 'antd';
const { SubMenu } = Menu;

function index() {
    return (
        <div className="menu">
            
            <Menu mode="inline"  style={{ width: 256 }} theme={'dark'}>
                <SubMenu key="sub1" icon={<MailOutlined />} title="考试管理">

                    {
                        menuRouter.map((v,i)=>{
                            return(
                                <Menu.Item key={i}>
                                    <NavLink  to={v.path}>{v.name}</NavLink>
                                </Menu.Item>
                            )
                        })
                    }
                    
                </SubMenu>
                </Menu>
        </div>
    )
}

export default index
